<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>电子 - 静听网 </title>
  <link rel="stylesheet" href="../../assets/css/reset.css">
  <link rel="stylesheet" href="../../assets/css/common.css">
  <link rel="stylesheet" href="../../assets/css/category.css">
  <link rel="stylesheet" href="../../assets/css/font-awesome.min.css">
</head>
<body>
<header>
  <div class="container">
    <div class="navbar-header">
      <a href="" class="navbar-brand">
        <img src="../../assets/images/logo.png" alt="">
      </a>
    </div>
    <nav>
      <ul class="nav navbar-nav navbar-link">
        <li><a href="../../index.html">首页</a></li>
        <li><a href="../../category/piano">钢琴</a></li>
        <li><a href="../../category/guitar">吉他</a></li>
        <li><a href="../../category/cartoon">动漫</a></li>
        <li class="active"><a href="../../category/elect">电子</a></li>
      </ul>
    </nav>
  </div>
</header>
<div class="container-sm category-header-wrap">
  <div class="category-header-banner">
    <div class="img"
         style="background-image: url('../../storage/category/elect.jpg')">
      <div class="content">
        <h2>电子</h2>
        <p>Electronic</p>
      </div>
      <div class="mask"></div>
    </div>
  </div>
</div>
<div class="container-sm box">
  <div class="main">
    <div class="main-wrap">
      <div class="content-box">
        <div class="piano-list">
          <div class="content-header">
            <h2><i class="fa fa-music red"></i>最新音乐</h2>
          </div>
          <ul class="music-list clearfix">
            <li>
              <div class="u-cover">
                <img src="http://p4.music.126.net/70xhYJbIiCCHPA13VYe_0A==/680597697600642.jpg">
                <a title="Levels - Radio Edit - Avicii" href="../../music/16345145.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Levels - Radio Edit - Avicii" href="../../music/16345145.html">Levels - Radio Edit</a>
              </p>
              <div class="author">千秋</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/N0b8fzm7vl6tkj1Rfqa3hQ==/794946906935600.jpg">
                <a title="Remember - 7AND5" href="../../music/2116537.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Remember - 7AND5" href="../../music/2116537.html">Remember</a>
              </p>
              <div class="author">HaPBoy</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p4.music.126.net/Xik6a3wXoGPOLI1GNXGdFQ==/825733232504415.jpg">
                <a title="Intro - intro - The XX" href="../../music/4341314.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Intro - intro - The XX" href="../../music/4341314.html">Intro - intro</a>
              </p>
              <div class="author">SvenjaWhee</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p4.music.126.net/Kcxcv0cfsdAx30HZ_6tDGQ==/827932255715549.jpg">
                <a title="A Little Story - Valentin" href="../../music/857896.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="A Little Story - Valentin" href="../../music/857896.html">A Little Story</a>
              </p>
              <div class="author">LoveMiao</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p4.music.126.net/8dzD62VK8jLDbhEqkmpIAg==/18277181788626198.jpg">
                <a title="Faded - Alan Walker" href="../../music/36990266.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Faded - Alan Walker" href="../../music/36990266.html">Faded</a>
              </p>
              <div class="author">HaPBoy</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/u2qw015YjzoLmZEE9i6BtQ==/5906576464596888.jpg">
                <a title="Paragon - A.N.O.&Shadowx" href="../../music/28360908.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Paragon - A.N.O.&Shadowx" href="../../music/28360908.html">Paragon</a>
              </p>
              <div class="author">小柴神</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/0--3AMUHo5cC51u0bw5m6w==/2459607511360013.jpg">
                <a title="Long Good-Byes - July" href="../../music/26127165.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Long Good-Byes - July" href="../../music/26127165.html">Long Good-Byes</a>
              </p>
              <div class="author">千秋</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p4.music.126.net/owPnoYfYbiPKmuPkfruyTQ==/5976945209049357.jpg">
                <a title="Because of You - Josh Vietti" href="../../music/28828074.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Because of You - Josh Vietti" href="../../music/28828074.html">Because of You</a>
              </p>
              <div class="author">Octobse_Idy</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/_LSagRKhZzUsjSy5fIAMsg==/923589767384661.jpg">
                <a title="Purple Passion - Diana Boncheva" href="../../music/2529472.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Purple Passion - Diana Boncheva" href="../../music/2529472.html">Purple Passion</a>
              </p>
              <div class="author">SvenjaWhee</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/gt1N74Q6aj8GmCJLJZuGuA==/2908208257356071.jpg">
                <a title="Easy Breeze - Thomas Greenberg" href="../../music/29207817.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Easy Breeze - Thomas Greenberg" href="../../music/29207817.html">Easy Breeze</a>
              </p>
              <div class="author">Hannah</div>
            </li>

          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<footer>
  <div class="container">
    <div class="copyright">
      <p>Copyright © <span class="update-year">2016</span> HaPBoy - All Rights Reserved</p>
    </div>
  </div>
</footer>
</body>
</html>
